{% extends "screen_main.html" %}

{% block timer %}
<section id="timer_section">
	<div id="timer">06:12:21</div>
</section>
{% endblock %}

{% block active_list %}
<section id="active_list">
	<div id="activity_container">
		<div class="activity default_act">
			Wasting
			<span>01:12:54</span>
		</div>
		<div class="activity default_act">
			Wasting
			<span>01:12:54</span>
		</div>
		<div class=" activity default_act ">
			Wasting
			<span>01:12:54</span>
		</div>
		<div class="activity default_act">
			Wasting
			<span>01:12:54</span>
		</div>
		<div class="activity default_act">
			Wasting
			<span>01:12:54</span>
		</div>
	</div>
</section>
{% endblock %}

{% block widgets %}
<section id="widgets">
	<div id="widget_1" class="widget">
		<header>Tracker</header>
		<section>
			<table id="activity_log">
				<tr>
					<th>start</th>
					<th>end</th>
					<th>activity</th>
					<th>total</th>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
				<tr>
					<td>05:32 am</td>
					<td>08:29 am</td>
					<td>Studying</td>
					<td>02:57</td>
				</tr>
			</table>
		</section>
		<footer></footer>
	</div>
	<div id="widget_2" class="widget">
		<header>Statistics</header>
		<section>
			<img alt="piechart" src="{{ STATIC_URL }}img/test_piechart.png">
		</section>
		<footer></footer>
	</div>
</section>
{% endblock %}

{% block all_items_list %}
	{% for activity in activities %}
		<div class="dragable">{{ activity.name }}</div>
	{% endfor %}
{% endblock %}